{extend name="public/base"/}
{block name="body"}
	{:ad("proad")}
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="banner-text text-center">
                        <h1>{$cate['title']}</h1>
                        <ul class="kal-breadcumb">
                            <li><a href="/">首页</a></li>
                            {volist name="cateTree" id="item"}
                            <li><a href="{:url('index/cases/lists?model=cases',array('id'=>$item['id']))}">{$item['title']}</a></li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
	<link rel="stylesheet" href="__STATIC__/css/style0.css">
	<link rel="stylesheet" href="__STATIC__/css/main.css">
  
	<article>
		<section class="p-v-l">
			<div class="products-nav affix-wrap">
				<form class="search-facets">
    				<div class="container ">
						<nav class="nav bg-gray-light" id="product-all-nav">
							<h5 class="nav-left p-h-m text-red product-all" data-href="/products/">全部产品</h5>
							<input type="hidden" name="cz_class_exact" value="" />
				            <!--<ul class="nav-left hidden-xs filter-group">-->
				            <ul class="nav-left hidden-md hidden-sm hidden-xs filter-group">
				            	{volist name="cCate" id="item"}
                                {if $i>1}
				                <li>
				                    <a href="{:url('index/news/lists?model=news',array('id'=>$item['id']))}" data-class="{$item['title']}">{$item['title']}</a>
				                </li>
				                {/if}
	                            {/volist}
							</ul>
				            <div class="nav-right p-h-m">
				            	<a id="filter-toggle" class="more collapsed" href="#products-filter" data-toggle="collapse" aria-controls="products-filter" aria-expanded="false">更多选项 <span class="icon-chevron-down"></span></a>
				            </div>
				        </nav>
				        <!--导航 结束-->
				        <!--筛选器-->
				        <div id="products-filter" class="filter-wrap collapse" aria-labelledby="filter-toggle" aria-expanded="true">
							<table class="table bg-gray">
				                <tbody>
				                    <!--产品类别需要再复制出一份菜单，给小屏设备看的-->
				                    <tr class="visible-md visible-sm visible-xs">
										<td>
				                        	<h4>类别</h4>
										</td>
										<td>
											{volist name="cCate" id="item"}
				                        	<a href="{:url('index/news/lists?model=news',array('id'=>$item['id']))}" data-class="{$item['title']}">{$item['title']}</a>
				                        	{/volist}
				                      	</td>
				                    </tr>
                    
									<input class="facet_filter" type="hidden" name="style_exact" value=""/>
				                    <tr >
				                        <td>
				                            <h4>风格</h4>
				                        </td>
				                        <td>
				                        	{volist name="styleConf" id="item"}
				                            <a href="{:url('index/pro/lists',array_merge($getData, array('model'=>'pro', 'styleId'=>$i-1)))}" data-value="{$item}" data-attr="style_exact">{$item}</a>
				                            {/volist}
				                        </td>
				                    </tr>
                    
				                    <input class="facet_filter" type="hidden" name="space_exact" value=""/>
				                    <tr >
				                        <td>
				                            <h4>空间</h4>
				                        </td>
				                        <td>
				                        	{volist name="sceneConf" id="item"}
				                            <a href="{:url('index/pro/lists',array_merge($getData, array('model'=>'pro', 'sceneId'=>$i-1)))}" data-value="{$item}" data-attr="space_exact">{$item}</a>
				                            {/volist}
				                        </td>
				                    </tr>
                    
				                    <input class="facet_filter" type="hidden" name="spec_exact" value=""/>
				                    <tr >
				                        <td>
				                            <h4>规格</h4>
				                        </td>
				                        <td>
				                        	{volist name="sizeConf" id="item"}
				                            <a href="{:url('index/pro/lists',array_merge($getData, array('model'=>'pro', 'sizeId'=>$i-1)))}" data-value="{$item}" data-attr="spec_exact">{$item}</a>
				                            {/volist}
				                        </td>
				                    </tr>
                    
				                    <input class="facet_filter" type="hidden" name="grain_exact" value=""/>
				                    <tr >
				                        <td>
				                            <h4>纹理</h4>
				                        </td>
				                        <td>
				                        	{volist name="textureConf" id="item"}
				                            <a href="{:url('index/pro/lists',array_merge($getData, array('model'=>'pro', 'textureId'=>$i-1)))}" data-value="{$item}" data-attr="grain_exact">{$item}</a>
				                            {/volist}
				                        </td>
				                    </tr>
                    
				                    <input class="facet_filter" type="hidden" name="color_exact" value=""/>
				                    <tr class="color">
				                        <td>
				                            <h4>颜色</h4>
				                        </td>
				                        <td>
				                        	{volist name="colorConf" id="item"}
				                            <a href="{:url('index/pro/lists',array_merge($getData, array('model'=>'pro', 'colorId'=>$i-1)))}" data-value="{$item}" data-attr="color_exact">{$item}</a>
				                            {/volist}
				                        </td>
				                    </tr>
                    
				                    <input class="facet_filter" type="hidden" name="price_exact" value=""/>
				                    <tr >
				                        <td>
				                            <h4>价格</h4>
				                        </td>
				                        <td>
				                        	{volist name="priceConf" id="item"}
				                            <a href="{:url('index/pro/lists',array_merge($getData, array('model'=>'pro', 'priceId'=>$i-1)))}" data-value="{$item}" data-attr="price_exact">{$item}</a>
				                            {/volist}
				                        </td>
				                    </tr>
                    
				                    <input class="facet_filter" type="hidden" name="hotspot_exact" value=""/>
				                    <tr >
				                        <td>
				                            <h4>热点</h4>
				                        </td>
				                        <td>
				                        	{volist name="tagConf" id="item"}
				                            <a href="{:url('index/pro/lists',array_merge($getData, array('model'=>'pro', 'tagId'=>$i-1)))}" data-value="{$item}" data-attr="hotspot_exact">{$item}</a>
				                            {/volist}
				                        </td>
				                    </tr>
                    
                				</tbody>
				            </table>
				        </div>
      					<!--筛选器 结束-->
    				</div>
				</form>

            </div>
            <div class="product-list">
				<div class="container">
            		<ul class="product-list row shadow-grid p-h-s m-v-l">
            			{volist name="list" id="item"}
                		<li class="col-md-3 col-sm-4 col-xs-6">
		                    <a class="p-s" href="{:url('index/pro/detail?model=pro',array('id'=>$item['id']))}" target="_blank">
		                        <div class="images">
	                        		{if !empty($item['images'])}
					            	{volist name="item['images']" id="vo" key="k"}
					            	<img {if $k==2}class="abs-img"{/if} src="{$vo}" alt="">
					            	{/volist}
					            	{/if}
		                        </div>
		                        <h4>{$item['title']}<span class="h6">{$item['category']}</span></h4>
		                    </a>
		                </li>
                		{/volist}
		            </ul>
		            <!--列表内容 结束-->

				    {if $page}
		            <div class="row">
		                <div class="col-md-12">
		                    <div class="load-more text-center mt10 pdb30">
		                        <div class="page pad20" align="center">
		                        {$page}
								</div>	
		                    </div>
		                </div>
		            </div>
		            {/if}
    
				</div>
            </div>
        </section>
	</article>

{/block}